


<!DOCTYPE html>
<html>
<head>
 <title>Html5 Ajax 上传文件</title>
 <script type="text/javascript">
  document.domain="127.0.0.1"
  function load(){
       // 刷新 检测
       var iframe = document.getElementById("iframe") ;iframe.src = iframe.src
  }
  function UpladFile() {
   var fileObj = document.getElementById("file").files[0]; // 获取文件对象
   // FormData 对象
   var form = new FormData();
   form.append("author", "hooyes");      // 可以增加表单数据
   form.append("file", fileObj);       // 文件对象
   // XMLHttpRequest 对象
   var xhr = new XMLHttpRequest();
   xhr.open("post", "/api/upload", true);
   xhr.onload = function () {
    setTimeout(()=>{
      
      if(document.getElementsByTagName('iframe')[0].contentDocument.querySelector('vite-error-overlay')){
          var package = document.querySelector('#file').value.split("\\").pop().replace('.zip','')
          fetch('/api/remove?package='+ package ).then(function (data) {
            load()
        })  
        }
      },2000)
        
      load()
      
       
   };
   xhr.send(form);
  }

  function change(e){
     console.log(e)  
  }
</script>
</head>
<body>
<input type="file" id="file" name="myfile"  onchange="change"/>
<input type="button" onclick="UpladFile()" value="上传" />
<iframe  id="iframe" src="http://127.0.0.1:1568/" frameborder="0" style="width:100vw;height: 80vh;"></iframe>

</body>
</html>

